<template>
    <div>
         <!-- 瀑布流  falls  -->
      <div class="falls">
        <!-- 一 -->
        <div class="fal_one">
          <aside class="fal_one_img">
            <img
              src="https://p.qyer.com/fugc/47237938ee65a0f1c92e4d215d86be42?imageMogr2/auto-orient/thumbnail/800x/quality/90|imageView2/0/w/348|imageslim/format/jpg"
              alt
            />
          </aside>
          <main class="fal_one_con">
            <p class="con_text">塞维利亚王宫一一《权力的游戏》拍摄地，塞维利亚主教堂一一埋藏着哥伦布的灵柩。 走</p>

            <div class="con_mes">
              <div class="con_name">
                <i class="name_tx"></i>
                <span class="con_name_name">丁丁龙龙</span>
              </div>
              <div class="con_dz">
                <i class="dz_icon"></i>
                <span class="con_dz_dz">839</span>
              </div>
            </div>
          </main>
        </div>
      </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="scss" scoped>
    .falls {
    padding: 0 0.2rem;
    background: #ff7467;
    .fal_one {
      width: 3.36rem;
      margin-left: 0.1rem;
      margin-bottom: 0.1rem;
      .fal_one_img {
        width: 100%;
        img {
          width: 100%;
          border-radius: 0.2rem;
        }
      }
      .fal_one_con {
        width: 100%;
        height: 1.2rem;
        margin-top: 0.1rem;
        background: #02db94;
        font-size: 0.28rem;
        .con_text {
          height: 0.84rem;
          line-height: 0.42rem;
          color: #000;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          font-weight: 600;
        }
        .con_mes {
          height: 0.36rem;
          line-height: 0.36rem;
          display: flex;
          justify-content: space-between;
          .name_tx {
            display: inline-block;
            vertical-align: middle;
            width: 0.36rem;
            height: 0.36rem;
            margin-right: 0.1rem;
            border-radius: 50%;
            overflow: hidden;
            background: url(https://pic.qyer.com/avatar/010/05/12/79/200?v=1559261093);
            background-size: 100%;
          }
          .dz_icon {
            display: inline-block;
            background: url()
              center center no-repeat;
            background-size: 100%;
            vertical-align: middle;
            width: 0.26rem;
            height: 0.36rem;
            margin-right: 0.08rem;
          }
        }
      }
    }
  }
</style>